<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="example.css"/>
<title>Untitled</title>
</head>
<body>
<div class="container">

<h1>Wiki语法说明</h1>
<h2 id="title_0.1">标题</h2>
<pre>= 标题1 =
== 标题2 ==
=== 标题3 ===
==== 标题4 ====
===== 标题5 =====
====== 标题6 ======</pre>
<h2 id="title_0.2">段落</h2>
<p>使用一行或多行空行来分隔段落</p>
<h2 id="title_0.3">类型</h2>
<table>
<tr><td> 名字/例子 </td><td> <b>标记</b> </td>
</tr>
<tr><td> <i>italic</i> </td><td> <code>_italic_</code> </td>
</tr>
<tr><td> <b>bold</b> </td><td> <code>*bold*</code> </td>
</tr>
<tr><td> <code>code</code> </td><td> <code>`code`</code> </td>
</tr>
<tr><td> <sup>super</sup>script </td><td> <code>^super^script</code> </td>
</tr>
<tr><td> <sub>sub</sub>script </td><td> <code>,,sub,,script</code> </td>
</tr>
<tr><td> <span style="text-decoration: line-through">strikeout</span> </td><td> <code>~~strikeout~~</code> </td>
</tr>

</table>
<p>混合效果</p>
<table>
<tr><td> <b>标记</b> </td><td> <b>结果</b> </td>
</tr>
<tr><td> <code>_*bold* in italics_</code> </td><td><i><b>bold</b> in italics</i></td>
</tr>
<tr><td> <code>*_italics_ in bold*</code> </td><td> <b><i>italics</i> in bold</b> </td>
</tr>
<tr><td> <code>*~~strike~~ works too*</code> </td><td> <b><span style="text-decoration: line-through">strike</span> works too</b> </td>
</tr>
<tr><td> <code>~~as well as _this_ way round~~</code> </td><td> <span style="text-decoration: line-through">as well as <i>this</i> way round</span> </td>
</tr>

</table>
<h2 id="title_0.4">代码</h2>
<p>如果你有多行代码，使用多行代码标记:</p>
<pre>{{{
def fib(n):
  if n == 0 or n == 1:
    return n
  else:
    # This recursion is not good for large numbers.
    return fib(n-1) + fib(n-2)
}}}</pre>
<p>将得到:</p>
<pre>def fib(n):
  if n == 0 or n == 1:
    return n
  else:
    # This recursion is not good for large numbers.
    return fib(n-1) + fib(n-2)</pre>
<p>另外作为 <code>{{{}}}</code> 的替換，你也可以使用 <code>&lt;code&gt;&lt;/code&gt;</code> 来定义多行代码块，如:</p>
<pre>&lt;code&gt;
def fib(n):
  if n == 0 or n == 1:
    return n
  else:
    # This recursion is not good for large numbers.
    return fib(n-1) + fib(n-2)
&lt;/code&gt;</pre>
<p>将同样得到：</p>
<pre>def fib(n):
  if n == 0 or n == 1:
    return n
  else:
    # This recursion is not good for large numbers.
    return fib(n-1) + fib(n-2)</pre>
<h2 id="title_0.5">分隔线</h2>
<p>使用至少4个 <code>-</code> 符号:</p>
<pre>-----</pre>
<p>得到：</p>
<hr/>
<h2 id="title_0.6">列表</h2>
<p>列表支持有序和无序列表。一个列表必须缩近一个或多个空格。列表是可以嵌套的。</p>
<pre>The following is:
    
  * A list
  * Of bulleted items
    # This is a numbered sublist
    # Which is done by indenting further
  * And back to the main bulleted list

 * This is also a list
 * With a single leading space
 * Notice that it is rendered
  # At the same levels
  # As the above lists.
 * Despite the different indentation levels.</pre>
<p>将得到如下内容：</p>
<p>The following is:</p>

<ul>
<li>A list</li>
<li>Of bulleted items</li>
<ol>
<li>This is a numbered sublist</li>
<li>Which is done by indenting further</li>
</ol>
<li>And back to the main bulleted list</li>
</ul>

<ul>
<li>This is also a list</li>
<li>With a single leading space</li>
<li>Notice that it is rendered</li>
<ol>
<li>At the same levels</li>
<li>As the above lists.</li>
</ol>
<li>Despite the different indentation levels.</li>
</ul>
<h2 id="title_0.7">块引用</h2>
<p>块引用用来在你的页面中强调一段特别的文本。它是用每行缩近至少一个空格的块来定义的，
如:</p>
<pre>Someone once said:

  This sentence will be quoted in the future as the canonical example
  of a quote that is so important that it should be visually separate
  from the rest of the text in which it appears.</pre>
<p>将会得到：</p>
<blockquote> This sentence will be quoted in the future as the canonical example
 of a quote that is so important that it should be visually separate
 from the rest of the text in which it appears.

</blockquote><h2 id="title_0.8">链接</h2>
<table>
<tr><td> 标记 </td><td> 结果 </td>
</tr>
<tr><td> <code>mailto:xxx@gmail.com</code> </td><td> <a href="mailto:xxx@gmail.com">xxx@gmail.com</a> </td>
</tr>
<tr><td> <code>http://www.google.com</code> </td><td> <a href="http://www.google.com">http://www.google.com</a> </td>
</tr>
<tr><td> <code>http://code.google.com/images/code_sm.png</code> </td><td> <img src="http://code.google.com/images/code_sm.png"/> </td>
</tr>
<tr><td> <code>[http://code.google.com/ http://code.google.com/images/code_sm.png]</code> </td><td> <a href="http://code.google.com/"><a href="http://code.google.com/images/code_sm.png">http://code.google.com/images/code_sm.png</a></a> </td>
</tr>
<tr><td> <code>[http://www.google.com Google home page]</code> </td><td> <a href="http://www.google.com">Google home page</a> </td>
</tr>

</table>
<p>使用js生成的图形：</p>
<pre>http://chart.apis.google.com/chart?chs=200x125&amp;chd=t:48.14,33.79,19.77|83.18,18.73,12.04&amp;cht=bvg&amp;nonsense=something_that_ends_with.png</pre>
<p>结果为：</p>
<p><img src="http://chart.apis.google.com/chart?chs=200x125&chd=t:48.14,33.79,19.77|83.18,18.73,12.04&cht=bvg&nonsense=something_that_ends_with.png"/></p>
<h2 id="title_0.9">表格</h2>
<pre>|| *Year* || *Temperature (low)* || *Temperature (high)* ||
|| 1900 || -10 || 25 ||
|| 1910 || -15 || 30 ||
|| 1920 || -10 || 32 ||
|| 1930 || _N/A_ || _N/A_ ||
|| 1940 || -2 || 40 ||</pre>
<p>结果为:</p>
<table>
<tr><td> <b>Year</b> </td><td> <b>Temperature (low)</b> </td><td> <b>Temperature (high)</b> </td>
</tr>
<tr><td> 1900 </td><td> -10 </td><td> 25 </td>
</tr>
<tr><td> 1910 </td><td> -15 </td><td> 30 </td>
</tr>
<tr><td> 1920 </td><td> -10 </td><td> 32 </td>
</tr>
<tr><td> 1930 </td><td> <i>N/A</i> </td><td> <i>N/A</i> </td>
</tr>
<tr><td> 1940 </td><td> -2 </td><td> 40 </td>
</tr>

</table>

</div>
</body>
</html>

